<%-- 
    Document   : categoria
    Created on : 30-may-2014, 18:57:09
    Author     : RENE
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <div id="categoryLeftColumn">
            <div class="categoryButton" id="selectedCategory">
                <span class="categoryText">dairy</span>
            </div>
            <a href="#" class="categoryButton">
                <span class="categoryText">meats</span>
            </a>

            <a href="#" class="categoryButton">
                <span class="categoryText">bakery</span>
            </a>

            <a href="#" class="categoryButton">
                <span class="categoryText">fruit & veg</span>
            </a>
        </div>

        <div id="categoryRightColumn">
            <p id="categoryTitle">[ selected category ]</p>
            <table id="productTable">
                <tr>
                    <td class="lightBlue">
                        <img src="#" alt="product image">
                    </td>
                    <td class="lightBlue">
                        [ product name ]


                        <span class="smallText">[ product description ]</span>
                    </td>
                    <td class="lightBlue">[ price ]</td>
                    <td class="lightBlue">
                        <form action="#" method="post">
                            <input type="submit" value="purchase button">
                        </form>
                    </td>
                </tr>

                <tr>
                    <td class="white">
                        <img src="#" alt="product image">
                    </td>
                    <td class="white">
                        [ product name ]


                        <span class="smallText">[ product description ]</span>
                    </td>
                    <td class="white">[ price ]</td>
                    <td class="white">
                        <form action="#" method="post">
                            <input type="submit" value="purchase button">
                        </form>
                    </td>
                </tr>

                <tr>
                    <td class="lightBlue">
                        <img src="#" alt="product image">
                    </td>
                    <td class="lightBlue">
                        [ product name ]


                        <span class="smallText">[ product description ]</span>
                    </td>
                    <td class="lightBlue">[ price ]</td>
                    <td class="lightBlue">
                        <form action="#" method="post">
                            <input type="submit" value="purchase button">
                        </form>
                    </td>
                </tr>

                <tr>
                    <td class="white">
                        <img src="#" alt="product image">
                    </td>
                    <td class="white">
                        [ product name ]


                        <span class="smallText">[ product description ]</span>
                    </td>
                    <td class="white">[ price ]</td>
                    <td class="white">
                        <form action="#" method="post">
                            <input type="submit" value="purchase button">
                        </form>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
